import Toast from '../../miniprogram_npm/_vant-weapp@0.5.7@vant-weapp/toast/toast'; //消息提示组件
var WxParse = require('../../wxParse/wxParse.js');

//商品详情数据  收藏
import { setLogin, getShopDetail, setFacoriteOr, setAddCart, getCodeIndex, getCartNum, getMyMine } from '../../config/https'

const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    heiGht:750,            //画布高度
    shopid: '',           //id
    typeCar: '',         //1购物车下单0商品下单
    stast: '',           //1加入购物车2立即购买3规格选择
    single: false,       //是否是单规格
    umbDatail: '',       //商品详情数据
    vipType: '',         //vip状态0不是1是
    trueto: '',          //是否收藏
    options: '',         //规格组合数据
    specs: '',           //规格选项
    opthArr: '',         //顶部价格和标题等的数据
    meter: false,        //参数弹窗
    height: "",          //定义轮播的高度
    show: false,         //分享弹窗
    isshow: false,       //加入购物车和立即购买弹窗
    contenner: 1,        //购物车的值
    carcount:'',
    cardInfo: {          //画布内容
      avater: "",    //需要https图片路径
      qrCode: "https://ws3.sinaimg.cn/large/007goYVsly1fyt721ceklj3076076t94.jpg",        //需要https图片路径
      Name: '',      //名字
      Position: "",              //价格
      Position1: "",             //价格2
      Company: "长按识别小程序",        //识别
    },
    ishow: false,                       //画布隐藏
    vip:false,               //判断是不是从大礼包页面跳转进来
    nickname:''
  },

  meterto() { //产品参数
    let meter = !this.data.meter;
    if (this.data.umbDatail.param.length > 0) {
      this.setData({ meter })
    } else {
      Toast("当前商品没有参数")
    }
  },

  jia() {  //数量加加++
    let contenner = this.data.contenner;
    let single = this.data.single;
    let umbdatail = this.data.umbDatail
    contenner++;
    console.log(this.data.opthArr)
    // 判断是不是单规格
    if (single) {
      if (umbdatail.usermaxbuy != 0) {
        umbdatail.total = umbdatail.usermaxbuy
        this.setData({
          umbdatail
        })
      }
      if (contenner > this.data.umbDatail.total) {
        Toast('最大购买量' +" "+ this.data.umbDatail.total)
        return
      } else {
        this.setData({ contenner })
      }
    } else if (!single && this.data.opthArr) {
      if (contenner > this.data.opthArr.stock) {
        Toast('最大限购 ' + this.data.opthArr.stock + " 件")
        return
      } else {
        this.setData({ contenner })
      }
    } else {
      Toast("请选择规格")
    }
  },

  jian() {//数量减减 --
    let contenner = this.data.contenner;
    contenner--;
    if (contenner == 0) {
      Toast("亲~ 宝贝最少一件")
    } else {
      this.setData({ contenner })
    }
  },
  //选择规格
  guigon(e) {
    //规格数据
    var specs = this.data.specs;
    let { cellindex, specid, index } = e.currentTarget.dataset;
    //点击选中
    specs[index].items.forEach(item => {
      item.chcek = false
      specs[index].items[cellindex].chcek = true
    })
    //计算多少选中
    var mun = 0;
    //是否显示价格多规格选中一个不显示都选择才会显示价格
    var stash = false
    //规格id arrs
    var arrsSpec = []
    // 循环判断
    specs.forEach(item => {
      item.items.forEach(thems => {
        if (thems.chcek) {
          mun++
          arrsSpec.push(thems.id)
          if (mun == specs.length) {
            stash = true
          }
        }
      })
    })
    //如果规格都已经选中了
    if (stash) {
      var id;
      arrsSpec.reverse();
      for (let i = 0; i < arrsSpec.length; i++) {
        if (i != 0) {
          id = arrsSpec[i] + '_' + id
          console.log(id)
        } else {
          id = arrsSpec[i]
          console.log(id)
        }
      }
      //组合之后的数据有价格库存等等
      var options = this.data.options;
      console.log(options)
      options.forEach(item => {
        if (item.specs == id) {
          this.setData({
            opthArr: item
          })
          console.log(item)
        }
      })
    }
    this.setData({ specs })
  },

  ison() {//分享弹窗
    let that = this
    let show = !this.data.show;
    let sence = {
      id: this.data.umbDatail.id,
      type:1
    }
    
//  二维码接口
    getCodeIndex({
      scene: wx.getStorageSync("userInfo"),//本人id
      pages: 'pages/tapswitching/tapswitching',   
    }).then(res=>{
      let cardInfo = that.data.cardInfo  
      cardInfo.qrCode = res.qrcode
      that.setData({ cardInfo})
      console.log(res)
    })
    
    this.setData({ show });
  },
  isonto(e) {  //购物车弹窗
    var { stast } = e.currentTarget.dataset
    let isshow = !this.data.isshow;
    this.setData({ isshow, stast });
  },
  addCart(e) { //点击购物车
    let isonn = this.data.isonn;
    if (umbDatail.status == 0) {
      Toast("亲~ 宝贝已经下架了")
    } else {
      this.isonto()//购物车弹窗
    }
  },

  addToCart(e) {//点击确定的时候
    const userInfo = wx.getStorageSync("authKey");
    if (!userInfo ||this.data.nickname=="") {
      wx.navigateTo({
        url: '/pages/logs/logs',
      })
    } else {
      var contenner = this.data.contenner;                  //购物车的值 
      var single = this.data.single
      var order_goodscount= Number(this.data.umbDatail.order_goodscount); //当前商品已经购买了几件？
     
      // 判断vip和是否 single单规格 true真
      if (this.data.opthArr && !single) {
        var opthArr = this.data.opthArr
        if (opthArr.stock == 0) {
          Toast("当前库存不足~")
          return
        }
        
        
        if (this.data.stast == 1) {
          setAddCart({
            id: opthArr.goodsid,
            optionid: opthArr.id ? opthArr.id : '0',
            total: contenner
          }).then(res => {
            Toast("加入购物车成功~~~")
          }).catch(res => {
            Toast("加入购物车失败~~~")
          })
        } else if (this.data.stast == 2) {
          wx.navigateTo({
            url: '/pages/purorders/purorders?id=' + JSON.stringify([Number(this.data.umbDatail.id)]) + '&optionid=' + JSON.stringify([Number(opthArr.id)]) + '&total=' + JSON.stringify([Number(contenner)]) + '&vip=' + this.data.vip + '&vipprice=' + this.data.umbDatail.vipprice
          })
        }
        this.setData({
          isshow: false
        })
      } else if (single) {
        if (this.data.umbDatail.total == 0) {
          Toast("当前库存不足~")
          return
        }
        if (Number(this.data.umbDatail.usermaxbuy)!=0){
          if (order_goodscount + Number(contenner) > Number(this.data.umbDatail.usermaxbuy)) {
            Toast("此商品最多只能买 " + this.data.umbDatail.usermaxbuy + " 件哦")
            return
          }
        }
        if (this.data.stast == 1) {
          setAddCart({
            id: this.data.umbDatail.id,
            optionid: '0',
            total: contenner
          }).then(res => {
            Toast("加入购物车成功~~~")
            this.onCartNum()
          }).catch(res => {
            Toast("加入购物车失败~~~")
          })
        } else if (this.data.stast == 2) {
          wx.navigateTo({
            url: '/pages/purorders/purorders?id=' + JSON.stringify([Number(this.data.umbDatail.id)]) + '&optionid=' + '' + '&total=' + JSON.stringify([Number(contenner)]) + '&typeCar=0' + '&vipprice=' + this.data.umbDatail.vipprice + '&vip=' + this.data.vip
          })
        }
        this.setData({
          isshow: false
        })

      } else if (!this.data.opthArr && !single) { Toast("请选择规格~~~") }
    }

  },
  //点击返回首页 购物车
  onIndex(res){ 
    wx.reLaunch({
      url: '/pages/tapswitching/tapswitching?active=' + res.currentTarget.dataset.index,
    })
  },
  //点击预览图片
  onLookImg(e) {
    var that = this
    var thuUrl = that.data.umbDatail.thumb_url
    var arr = [];
    for (let i in thuUrl) {
      arr.push(thuUrl[i])
    }
    wx.previewImage({
      current: e.currentTarget.dataset.item, // 当前显示图片的http链接
      urls: arr // 需要预览的图片http链接列表
    })
  },
  //点击收藏
  shouc(e) {
    let that=this;
    const userInfo = wx.getStorageSync("authKey");
    if (!userInfo) {
      wx.navigateTo({
        url: '/pages/logs/logs',
      })
      return
    }
    let trueto = !this.data.trueto;
    console.log(trueto)
    setFacoriteOr({
      id: that.data.umbDatail.id,
      isfavorite: trueto == true ? '1' : '0'
    })
    if (trueto == true) {
      Toast("已添加收藏")
    } else {
      Toast("取消收藏")
    }
    this.setData({
      trueto
    })
  },
  //获取轮播高度
  imgHeight: function (e) {
    var winWid = wx.getSystemInfoSync().windowWidth; //获取当前屏幕的宽度 
    var imgh = e.detail.height;//图片高度
    var imgw = e.detail.width;//图片宽度
    //屏幕的宽度 *图片高度 /图片宽度 +"px"
    var swiperH = winWid * imgh / imgw + "px";
    //console.log(swiperH)
    this.setData({
      height: swiperH//设置高度
    })
  },
  onLoad: function (options) {// 生命周期函数--监听页面加载
    if (!options.vip){
      this.setData({ vip:false})
    }else{
      this.setData({ vip: true })
    }
   
    this.setData({
      typeCar: options.typeCar,
      shopid: options.id,
      nickname:wx.getStorageSync("nickname")
    })

    this.onCartNum()
  },
  onCartNum() {
    getCartNum({
    }).then(res => {
      if (res.cartcount == null) {
        res.cartcount = 0
      }
      this.setData({
        carcount: res.cartcount
      })
    })
  },

  onReady: function () {//生命周期函数--监听页面初次渲染完成
    this.login()
  },
  login(){
    const userInfo = wx.getStorageSync("authKey");
    if (!userInfo == false) {
      wx.login({
        success(res) {
          var code = res.code
          setLogin({
            code: code,
            // user_json: userInfo
          }).then(res => {
            app.globalData.stastaVip = res.version
            app.globalData.userInfo = res.auth_key
            wx.setStorage({
              key: 'authKey',
              data: res.auth_key,
            })
          }).catch(res => {
            console.log(res)
          })
        }
      })
    }
  },

  onShow: function () {//生命周期函数--监听页面显示
    this.login()
    getMyMine({
    }).then(res => {
      wx.setStorage({
        key: 'nickname',
        data: res.member.nickname,
      })
      if (res.member.nickname == '') {
        wx.hideShareMenu();   //隐藏右上角转发按钮
      } else {
        wx.showShareMenu()  //显示右上角转发按钮
      }
      this.setData({ nickname: res.member.nickname})
    })

    var that = this
    getShopDetail({
      id: that.data.shopid
    }).then(res => {
       console.log(res)
      var article = res.goods.content
      WxParse.wxParse('article', 'html', article, that, 5);
      var specs = res.goods.specs_options.specs
      // var laber = res.goods.label_arr
      // 动态向规格数组添加标识符chcek
      if (specs.length > 0) {
        that.setData({
          single: false
        })
        specs.forEach(item => {
          item.items.forEach(items => {
            items.chcek = false
          })
        })
      } else {
        that.setData({
          single: true
        })
      }
      wx.setStorage({
        key: 'vipStast',
        data: res.member_is_vip,
      })
      // 画布
      let cardInfo = that.data.cardInfo; //获取画布内容
      cardInfo.avater = res.goods.thumb_url[1]; //获取画布主图片
      cardInfo.Name = res.goods.title;//获取画布名字
      cardInfo.Position = res.member_is_vip == 0 ? res.goods.marketprice : res.goods.vipprice; //获取画布价格1
      cardInfo.Position1 = res.goods.productprice; //获取画布价格2

      that.setData({
        umbDatail: res.goods,
        vipType: res.member_is_vip,
        trueto: res.is_favorite,
        options: res.goods.specs_options.options,
        specs,
        cardInfo
      })
    }).catch(err => {
      //console.log(err)
    })
  },

  onShareAppMessage: function (res) { //分享的时候
    if (res.from === 'button') { //如果点击的是buttom按钮 执行此项
      let show = !this.data.show;
      this.setData({ show});
    }
    return {
      title: this.data.vipType == 0 ? this.data.umbDatail.marketprice + '元' +" "+ this.data.umbDatail.title : this.data.umbDatail.vipprice + '元' +" "+ this.data.umbDatail.title,
      path: '/pages/Directsellingto/Directsellingto?id=' + this.data.umbDatail.id + '&type=1' + '&userid=' + wx.getStorageSync('userInfo'),
       
      imageUrl: this.data.umbDatail.thumb_url[1],  //转发图片 默认当前页面图片
      success: (res) => {//转发成功   
        console.log("转发成功", res);
      }
    }
  },


// 画布 开始
  sanchu() {//点击删除
    this.setData({ ishow: false }) //海报隐藏
  },
  //点击海报
  getAvaterInfo(){ 
    var that = this;
    let cardInfo = that.data.cardInfo; //海报相关内容
    that.setData({ ishow: true }) //海报显示
    that.ison() //分享弹窗
    console.log(that.data.cardInfo)

    wx.showLoading({//loading提示框 
      title: '头像生成中..',//提示的内容
      mask: true, //是否显示透明蒙层，防止触摸穿透
    });
    
    wx.downloadFile({ // 下载头像图片
      url: cardInfo.avater, //图片链接
      success(res) {
        if (res.statusCode === 200) { //下载成功
          wx.hideLoading(); //隐藏 loading 提示框
          var avaterSrc = res.tempFilePath; //头像下载成功的图片路径
          that.getQrCode(avaterSrc);  //调用生成二维码函数
        } else { //下载失败
          wx.showToast({ //显示消息提示框
            title: '头像生成失败！', //提示的内容
            icon: 'none', //图标 默认'success'
            duration: 2000, //提示的延迟时间 
            success() { //接口调用成功的回调函数
              var avaterSrc = ""; //头像下载失败的图片路径
              that.getQrCode(avaterSrc);  //调用生成二维码函数
            }
          })
        }
      }
    })
  },
  // /*下载二维码图片函数*/
  getQrCode(avaterSrc) {//avaterSrc头像图片地址
    let that=this;
    wx.showLoading({ //loading提示框 
      title: '二维码生成中..', //提示的内容
      mask: true, //是否显示透明蒙层，防止触摸穿透
    });
    wx.downloadFile({ //下载文件资源到本地。
      url: that.data.cardInfo.qrCode,  //二维码图片路径
      success(res) {  //成功回调函数  
        wx.hideLoading(); //隐藏 loading 提示框
        if (res.statusCode === 200) { //200成功状态
          var codeSrc = res.tempFilePath; //下载成功返回结果
          that.sharePosteCanvas(avaterSrc, codeSrc);  //图片下载成功 然后canvas绘制分享海报
        } else {
          wx.showToast({ //显示消息提示框
            title: '二维码生成失败！', //提示的内容
            icon: 'none',  //图标 默认'success'
            duration: 2000, //提示的延迟时间
            success: function () { //接口调用成功的回调函数
              var codeSrc = ""; //下载失败的图片在海报上显示空白
              that.sharePosteCanvas(avaterSrc, codeSrc); //调用 绘制海报的函数
            }
          })
        }
      },
      fail(err){
        wx.showToast({ //显示消息提示框
          title: '二维码生成失败！', //提示的内容
          icon: 'none',  //图标 默认'success'
          duration: 2000, //提示的延迟时间
          success: function () { //接口调用成功的回调函数
            var codeSrc = ""; //下载失败的图片在海报上显示空白
            that.sharePosteCanvas(avaterSrc, codeSrc); //调用 绘制海报的函数
          }
        })
      }
    })
  },
  // 绘制海报
  sharePosteCanvas(avaterSrc, codeSrc){
    wx.showLoading({ //loading提示框 
      title: '海报生成中..', //提示的内容
      mask: true, //是否显示透明蒙层，防止触摸穿透
    })
    var that = this;
    //获取当前屏幕的宽度
    var rpx = wx.getSystemInfoSync().windowWidth / 375;  

    var cardInfo = that.data.cardInfo; //需要绘制的数据集合  data里定义的数据
    const ctx = wx.createCanvasContext('myCanvas'); //创建画布 myCanvas wxml里定义的画布
    //返回一个 SelectorQuery 对象实例。 //#canvas-container获取画布的父级容器
    wx.createSelectorQuery().select('#canvas-container').boundingClientRect(function (rect){
      const CONTENT_ROW_LENGTH = 28; // 正文 单行显示字符长度
      let [contentLeng, contentArray, contentRows] = that.textByteLength(cardInfo.Name, CONTENT_ROW_LENGTH);
      let contentH = 22 * 1 * rpx;  //相当于行高  就是一行所占的高度
      let i = contentArray.length; //字体变成了几行？
      var right = rect.right;  //右
      var width = 498 * rpx; //宽度
      var left = rect.left + 5*rpx; //图像距离画布的左上角 x 坐标
      ctx.setFillStyle('#fff'); //生成的海报的背景色
      //在画布上绘制被填充的文本 
      // 一参数：绘制文本的左上角 x 坐标位置  二参数：绘制文本的左上角 y 坐标位置 （绘制的文本所在的位置）
      // 三参数：需要绘制的最大宽度  四从参数：需要绘制的最大高度
      ctx.fillRect(0, 0,width,that.data.heiGht + contentH*i);
      that.setData({ heiGht: that.data.heiGht + contentH * i})
  // 1、  
      ///绘制头像到画布
      if (avaterSrc) { //avaterSrc 头像的图片地址
        //第一个参数：所要绘制的图片  第二个参数：图像距离画布的左x 坐标
        //第三个参数：图像距离画布的上 y 坐标 第四个参数:头像的宽度  第五个参数：头像的高度
        ctx.drawImage(avaterSrc, 29 * rpx, 16 * rpx, 191 * rpx, 191 * rpx);
      }
      //姓名
      if (cardInfo.Name) { //数据的集合 里的姓名
        const CONTENT_ROW_LENGTH = 26; // 正文 单行显示字符长度
        let [contentLeng, contentArray, contentRows] = that.textByteLength(cardInfo.Name, CONTENT_ROW_LENGTH);

        ctx.setFontSize(15); // 设置字体大小
        ctx.setFillStyle('#333333');//设置字体颜色
        ctx.setTextAlign('left');//文字的对齐方式 左对齐

        var contentHh = 18 * 1*rpx;  //相当于行高  就是一行所占的高度
        var j = contentArray.length;

        for (let i = 0; i < contentArray.length; i++) {
          //第一个参数：在画布上输出的文本； 第二个参数：图像距离画布的左 x 坐标    第三个参数：图像距离画布的上角 y 坐标 
          ctx.fillText(contentArray[i], 29*rpx, (230 + contentHh * i)*rpx);
        }
      }
      //价格
      if (cardInfo.Position) {//数据的集合 里的价格
        ctx.setFontSize(20*rpx);
        ctx.setFillStyle('#EE0000');
        ctx.setTextAlign('left');//文字的对齐方式 左对齐
        //第一个参数：在画布上输出的文本； 第二个参数：图像距离画布的左上角 x 坐标    第三个参数：图像距离画布的上角 y 坐标 
        ctx.fillText("￥"+cardInfo.Position, 26 * rpx, (244 + contentHh * j)*rpx);
      }

      //价格1
      if (cardInfo.Position1) {//数据的集合 里的价格1
        ctx.setFontSize(15*rpx);
        ctx.setFillStyle('#999999');
        ctx.setTextAlign('left');//文字的对齐方式 左对齐
        //第一个参数：在画布上输出的文本； 第二个参数：图像距离画布的左上角 x 坐标    第三个参数：图像距离画布的上角 y 坐标 
        ctx.fillText("￥"+cardInfo.Position1, 123 * rpx, (244 + contentHh * j)*rpx);
      }
      //删除线
      ctx.beginPath()//beginPath(被根帕斯)
      //定义线条的起始点
      ctx.moveTo(113 * rpx, (238 + contentHh * j)*rpx)//moveTo:移动至(木吐)  里面的值是点在画布里横轴纵轴的位置
      //定义线条的结束点
      ctx.lineTo(198 * rpx, (238 + contentHh * j)*rpx)//lineTo(栏吐)线至   里面的值是点在画布里横轴纵轴的位置
      //设置线条颜色
      ctx.strokeStyle = "#999999"//strokeStyle(斯轴可 斯忒偶)
      //设置线条宽度
      ctx.lineWidth = 1*rpx;//lineWidth(栏歪特)线条宽度
      //图形串联，画出图形
      ctx.stroke();//stroke(斯轴可)

      //虚线
      ctx.beginPath()//beginPath(被根帕斯)
      ctx.setLineDash([3*rpx, 2*rpx]); //定义虚线 第一个参数：是虚线的粗细   第二个参数是虚线点点之间的间距 
      //定义线条的起始点
      ctx.moveTo(0, (256 + contentHh * j)*rpx)//moveTo:移动至(木吐)  里面的值是点在画布里横轴纵轴的位置
      //定义线条的结束点
      ctx.lineTo(375, (256 + contentHh * j) * rpx)//lineTo(栏吐)线至   里面的值是点在画布里横轴纵轴的位置
      //设置线条颜色
      ctx.strokeStyle = "#AEAEAE"//strokeStyle(斯轴可 斯忒偶)
      //设置线条宽度
      ctx.lineWidth = 1*rpx;//lineWidth(栏歪特)线条宽度
      //图形串联，画出图形
      ctx.stroke();//stroke(斯轴可)

      // 识别小程序 字
      if (cardInfo.Company) {
        ctx.setFontSize(15*rpx);
        ctx.setFillStyle('#333333');
        ctx.setTextAlign('left');
        //第一个参数：在画布上输出的文本； 第二个参数：图像距离画布的左上角 x 坐标    第三个参数：图像距离画布的上角 y 坐标 
        ctx.fillText(cardInfo.Company, 29 * rpx, (302 + contentHh * j)*rpx);
      }
      // 绘制二维码
      if (codeSrc) {
        //第一个参数：所要绘制的图片资源  第二个参数：图像距离画布的左上角 x 坐标
        //第三个参数：图像距离画布的上角 y 坐标 第四个参数:源图像的矩形选择框的宽度  第五个参数：图形高度
        ctx.drawImage(codeSrc, 165 * rpx, (272 + contentHh * j)*rpx, 76*rpx, 76*rpx)
      }

    }).exec() //执行所有的请求。请求结果按请求次序构成数组 
    setTimeout(function () {
      ctx.draw();// 将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中。
      wx.hideLoading(); //隐藏 loading 提示框
    }, 1000)
    console.log(ctx)
   
  },
 

  /**
  * 多行文字处理，每行显示数量
  * @param text 为传入的文本
  * @param num  为单行显示的字节长度
  */
  textByteLength(text, num) {
    //console.log(text,num) 
    let strLength = 0; // text byte length
    let rows = 1;
    let str = 0;
    let arr = [];
    for (let j = 0; j < text.length; j++) {
      if (text.charCodeAt(j) > 255) {
        strLength += 2;
        if (strLength > rows * num) {
          strLength++;
          arr.push(text.slice(str, j));
          str = j;
          rows++;
        }
      } else {
        strLength++;
        if (strLength > rows * num) {
          arr.push(text.slice(str, j));
          str = j;
          rows++;
        }
      }
    }
    arr.push(text.slice(str, text.length));
    return [strLength, arr, rows] //  [处理文字的总字节长度，每行显示内容的数组，行数]
  },
  // //点击保存到相册
  saveShareImg: function () {
    var that = this;
    wx.showLoading({
      title: '正在保存',
      mask: true,
    })
    // setTimeout(function () {
    wx.canvasToTempFilePath({  //把当前画布指定区域的内容导出生成指定大小的图片
      canvasId: 'myCanvas', //画布标识，传入 canvas 组件的 canvas-id  wxml里定义的画布id
      success: function (res) { //成功的回调函数  console.log(res) 得到的具体信息
        wx.hideLoading(); //隐藏loading提示框
        // var tempFilePath = ; //图片路径
        // console.log(tempFilePath)
        wx.saveImageToPhotosAlbum({ //保存图片到系统相册
          filePath: res.tempFilePath, //图片文件路径，可以是临时文件路径或永久文件路径，不支持网络图片路径
          success: function (res) { //成功回调
            //console.log(res)
            wx.showModal({ //显示模态对话框
              content: '图片已保存到相册，赶紧晒一下吧~', //提示的内容
              showCancel: false,  //是否显示取消按钮
              confirmText: '好的',  //确认按钮的文字，最多 4 个字符
              confirmColor: '#333',  //确认按钮的文字颜色，必须是 16 进制格式的颜色字符串
            })
          },
          fail: function (res) {
            //console.log(res)
            wx.showToast({  //显示消息提示框
              title: "保存到相册失败",
              icon: 'none', //图标
              duration: 2000 //提示的延迟时间 
            })
          }
        })
      }
    });
  },
  logbut() {
    wx.navigateTo({
      url: '/pages/logs/logs',
    })
  }
})